<template>
    <div class="main">
        <div class="block">
            <p class="content">
                您的账号已经
                <span class="item">冻结</span>
                ，在解除冻
            </p>
            <p class="content">结前无法登陆系统。</p>
            <div class="market">如有疑问请联系系统管理员。</div>
        </div>
        <el-button class="btn" round type="info" size="medium" @click="close">关闭</el-button>
    </div>
</template>

<script>
export default {
    name: 'freeze',
    methods: {
        close() {
            this.$router.replace("/locallogin");
        },
    },
}
</script>

<style lang="scss" scoped>
.main {
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .block {
        width: 300px;
        height: 240px;
        border: 2px solid black;
        padding: 16px;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .content {
            font-size: 18px;
            margin: 0;
            .item {
                font-weight: bold;
                color: red;
            }
        }
        .market {
            margin-top: 32px;
        }
    }
    .btn {
        margin-top: 32px;
    }
}
</style>